<template>
  <template v-for="(item, i) in menuArr" :key="i">
    <el-sub-menu v-if="item.children && item.children.length > 0" :index="item.path">
      <template #title>
        <menu-item-div :item="item" />
      </template>
      <menu-item :menu-arr="item.children" />
    </el-sub-menu>
    <el-menu-item v-else :index="item.path">
      <menu-item-div :item="item" />
    </el-menu-item>
  </template>
</template>

<script setup lang="ts">
import MenuItem from '@/components/aside/MenuItem.vue'
import MenuItemDiv from './MenuItemDiv.vue'
/** 组件属性 */
withDefaults(
  defineProps<{
    /** 菜单配置 */
    menuArr: any[]
  }>(),
  /** 默认值 */
  { menuArr: () => [] }
)
</script>
